<script setup lang="ts">
import selectedIcon from '@/static/images/checkmark_circle_blue.png'
import defaultIcon from '@/static/images/circle_outline_gray.png'

defineProps<{
  isSelected: boolean
  label: string
}>()

defineEmits(['choose'])
</script>

<template>
  <view class="flex items-center" @tap="$emit('choose', label)">
    <image
      class="h-44rpx w-44rpx"
      :src="isSelected ? selectedIcon : defaultIcon"
    />
    <Spacer w="20" />
    <view class="text-28rpx text-#333333 leading-40rpx">
      {{ label }}
    </view>
  </view>
</template>
